<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/yonghuguanli.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<body>
<div class="head">
    <span class="sp1">惠光健康</span>
    <p class="p1"><span class="sp2">用户名:</span><span>xxx</span><span class="sp3" data-bs-toggle="modal" data-bs-target="#exampleModal">退出</span><i class="s">&#xeb11;</i></p>
</div>
<div class="bian">
    <div class="nav">
        <ul class="ul1">
            <li><a href="index.html"><i class="i1">&#xe627;</i>机构管理</a></li>
            <li><a href="yiyuanguanli.html">医院管理</a></li>
            <li><a href="#"><i class="i1">&#xe604;</i>人员管理</a></li>
            <li><a href="yonghuguanli.html">用户管理</a></li>
            <li><a href="jiarenguanli.html">家人管理</a></li>
            <li><a href="dengluzhanghao.html">账号登录</a></li>
            <li><a href="#"><i class="i1">&#xe66b;</i>内容管理</a></li>
            <li><a href="zixunguanli.html">资讯管理</a></li>
            <li><a href="guanggaoguanli.html">广告管理</a></li>
            <li><a href="yemianguanli.html">页面管理</a></li>
            <li><a href="xiaoxiguanli.html"><i class="i1">&#xe8bd;</i>消息管理</a></li>
            <li><a href="banbenshengji.html"><i class="i1">&#xe78a;</i>版本升级</a></li>
            <li><a href="yonghufankui.html"><i class="i1">&#xe662;</i>用户反馈</a></li>
        </ul>
    </div>
    <div class="content">
        <div class="p2">
            <p class=""><a href="#">首页</a><i>></i><a href="#">信息管理</a><i>></i><a href="#">用户管理</a></p>
        </div>
        <div>
            <p class="p3"><span class="spa1">手机号: </span><input type="text" placeholder="请输入手机号">
                <span class="spa1">真实姓名: </span><input type="text" placeholder="请输入姓名">
                <span class="spa1">是否实名: </span>
                <select class="sel1">
                    <option value="1">全部</option>
                </select>
                <span class="spa1">人脸识别: </span>
                <select class="sel1">
                    <option value="1">全部</option>
                </select>
                <span class="spa1">状态: </span>
                <select class="sel1">
                    <option value="1">全部</option>
                </select>
                <input class="inp1" type="submit" value="查询">
            </p>
        </div>
        <div class="divs">
            <table class="table">
                <thead>
                <tr>
                    <th scope="col">用户ID</th>
                    <th scope="col">手机号</th>
                    <th scope="col">真实姓名</th>
                    <th scope="col">注册时间</th>
                    <th scope="col">人脸识别</th>
                    <th scope="col">绑定家人</th>
                    <th scope="col">状态</th>
                    <th scope="col">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>212121212</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                    <td>查看</td>
                    <td class="td1"><a href="yonghuxiangqingye.html">查看</a></td>
                </tr>
                <tr>
                    <th scope="row">1</th>
                    <td>212121212</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                    <td>查看</td>
                    <td class="td1"><a href="#">查看</a></td>
                </tr>
                <tr>
                    <th scope="row">1</th>
                    <td>212121212</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                    <td>查看</td>
                    <td class="td1"><a href="#">查看</a></td>
                </tr>
                </tbody>
            </table>
            <div class="div1"><span>共</span><i class="p">5</i><span>条</span><p>< <span>1</span> ></p></div>
        </div>
    </div>
</div>
<!--    确认退出按钮 需要引入bootstrap的js css-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">确认退出?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!--            <div class="modal-body">-->
            <!--                ...-->
            <!--            </div>-->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<script src="./js/quanping.js"></script>
</body>
</html>